<div class="animated" ng-class="{true: 'fadeInRight', false:'fadeInLeft'}[currentAnimated]">
<div class="panel panel-default">
  <div class="panel-heading">
    <a ng-click="discard()" href="javascript:;"><i class="backBtn fa fa-arrow-circle-left"></i></a>
    <span class="panelTitle" ng-bind="CategoryForm.title"></span>
  </div>
  <div class="panel-body">
    <div class="row search-area">
      <div class="col-xs-8 col-md-8">
        <div class="btn-group" role="group">
          <a class="btn btn-default" ui-sref=".addCategory" title="新增"><i class="fa fa-plus-square rotate180"></i><span class="hidden-xs">新增</span></a>
          <a class="btn btn-default" ng-click="update()" title="更新"><i class="fa fa-edit"></i><span class="hidden-xs">更新</span></a>
          <a ng-click="remove()" class="btn btn-default" title="删除"><i class="fa fa-trash"></i><span class="hidden-xs">删除</span></a>
        </div>
        <!-- <div class="row">
          <form class="form-horizontal" role="form" name="categoryForm" >
            <div class="col-xs-4 col-md-5">
              <div class="form-group">
                <label class="control-label hidden-xs hidden-sm col-md-4">类别名称：</label>
                <div class="col-xs-12 col-md-8">
                  <input type="text" class="form-control" name="name" placeholder="类别名称" ng-model="category.name">
                </div>
              </div>
            </div>
            <div class="col-xs-4 col-md-5">
              <button class="btn btn-default" ng-click="search()"><i class="fa fa-search"></i><span class="hidden-xs">搜索</span></button>&nbsp;&nbsp;
            </div>
            <div class="col-xs-4 col-md-2">
            </div>
          </form>
        </div>  -->   
      </div>

      <div class="col-xs-4 col-md-4">
          
      </div>
    </div>

    <div class="row">
      <div class="col-xs-12 col-md-12">
        <!-- <div ui-grid="gridOptions" ui-grid-selection ui-grid-pagination ui-grid-resize-columns ui-grid-move-columns class="grid"></div> -->
        <tree-view tree-data="tree" text-field="name" value-field="id" item-clicked="itemClicked($item)" item-checked-changed="itemCheckedChanged($item)" can-checked="true"></tree-view>
      </div>
    </div>

  </div>
</div>